function login() {
    $('#usuario').css("border","1px solid #CCC");
    $('#clave').css("border","1px solid #CCC");
    var usuario = $('#usuario').val();
    var clave = $('#clave').val();    
    
    if ($.trim(usuario)==='') {
        $('#usuario').css("border","2px solid red");
    }
    if ($.trim(clave)==='') {
        $('#clave').css("border","2px solid red");
    }
    
    if ($.trim(usuario)==='' || $.trim(clave)===''){
        return;
    }
    
    var datos = {
        usuario : usuario,
        clave : clave
    };
    
    $.ajax({
        url: "home/comprobarUsuario",
        type: "POST",
        data: datos,
        success: function(mensaje){
            if (mensaje==="ok"){
                $('#usuario').val("");
                $('#clave').val("");
                $(location).attr('href','home/principal');
            }
            else if (mensaje==="error"){
                $(location).attr('href','');
            }
        }
    });

} 